<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="./js/angular-1.5.8/angular.js"></script>
    <style>
        .c {
            width: 200px;
            height: 50px;
            border: 1px dashed blue;
        }
    </style>
</head>
<!--这里使用ng-app表明让ng处理整个body标签-->
<body ng-app>
<!--在文本框中输入数据，在另一个文本标签中显示该数据-->
<input type="text" name="" id="" ng-model="txt"/><br>
<!--在页面总有一个input标签
页面中一旦有了一个ng-app那么表明这就是一个View，这个被ng-app描述的标签就是view
即在背后就会创建一个对象，这个对象在ng中记为$rootScope.这个对象就是viewModel
现在界面中有一个input文本框，如果希望这个文本框 中的数据由ViewModel维护的话
就需要在文本框中提供ng-model的属性，同时命名
此时就表明在背后的viewModel中有一个同名的属性，即$rootScope中有一个txt属性
一旦界面中的数据发生变化，$rootScope中的txt的值也会随之变化

-->
</body>
</html>